//var list = new Tab('.list__tab', {
//  index: 0,
//  onClick: function onClick(tab, _this) {
//    var old = tab.old,
//      index = tab.index;
//    console.log(index, old)
//    if (index === 1) {
//      var icon_price = _this.querySelector('.icon_price');
//      var isActive = icon_price.classList.contains('price_down');
//      if (old === index) {
//        if (isActive) {
//          icon_price.classList.remove('price_down');
//        } else {
//          icon_price.classList.add('price_down');
//        };
//      }
//    } else if (index === 2) {
//      sort(function(sort) {
//        var list = sort.querySelector('.sort_list');
//        var item = sort.querySelectorAll('.sort_item');
//        [].forEach.call(item, function(el) {
//          el.querySelector('a').href = "javascript:;";
//          el.addEventListener('click', function(ev) {
//            ev.preventDefault();
//            ev.stopPropagation();
//            var txt = this.textContent;
//            _this.querySelector('span').innerHTML = txt;
//
//            // Ajax()回调写在这里
//            // 回调之后收起
//            sortIsShow(1);
//          }, false);
//        });
//      });
//    }
//    //
//    sortIsShow(tab.index);
//  }
//});
var ban = document.querySelector('#banner')
var listTab = document.querySelector('.list__tab')
function sortIsShow(index) {
  var sort = document.getElementById('sort'),
    is;
  if (!sort) {
    return false;
  }
  if (index !== 2) {
    sort.classList.add('sort_enter');
    sort.classList.remove('sort_active');
	// 关闭弹出
    hideStatu(sort)
  } else {
    setTimeout(function() {
      is = sort.classList.contains('sort_enter');
      if (is) {
//    	sort.removeAttribute('style')
        sort.classList.remove('sort_enter');
        sort.classList.add('sort_active');
        showStatu(sort)
      } else {
//    	sort.style.display = 'none'
        sort.classList.add('sort_enter');
        sort.classList.remove('sort_active');
        // 关闭弹出
        hideStatu(sort)
      }
    }, 0);
  }
};
//callback, self
function sort(HTML,callback) {
	  // ====添加 自动滚动位置
	scrollByTop()
  var sort = document.getElementById('sort');
  if (!sort) {
    var nDiv = document.createElement('div');
    var nDivTwo = nDiv.cloneNode()
    nDivTwo.className = 'sort_layer';
    nDiv.id = 'sort';
    nDiv.className = 'sort sort_enter';
    nDiv.innerHTML = HTML;
    document.body.appendChild(nDivTwo);
    document.body.appendChild(nDiv);
    sort = document.getElementById('sort');
  };
  (callback && typeof(callback) === "function") && callback(sort);
  var list = sort.querySelector('.sort_list');
  sort.addEventListener('click', function() {
    sort.classList.add('sort_enter');
    sort.classList.remove('sort_active');
    // 关闭弹出
    hideStatu(sort)
  }, false);
  list.addEventListener('click', function(ev) {
//    ev.preventDefault();
//    ev.stopPropagation();
  }, false);
};
//=========以下为新加函数 
//滚动
function scrollByTop() {
	var ele = document.querySelector('.list__tab'),
	 eleTop = ele.offsetTop;
	var cal = ele.style.position;
	if (cal !== 'fixed') {
	 window.scrollTo(0, eleTop);
	}
};


//打开弹出
function showStatu(sort) {
  document.body.style.overflow = 'hidden';
  sort.previousSibling.style.display = 'block'
  if (ban) {
    ban.style.display = 'none'
  }
}
// 关闭弹出
function hideStatu(sort) {
  document.body.style.overflow = '';
  sort.previousSibling.style.display = 'none';
  if (ban) {
    ban.style.display = 'block';
//    listTab.style.position = "relative";
//    listTab.nextSibling.style.display = 'none';
  }
}
